/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ font-size:12px; font-family:microsoft yahei; color:#42403e; text-decoration:none; line-height:18px; background-color:#fff; overflow-x:hidden;}
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#42403e; text-decoration:none;}
a:hover{ color:#e90000;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#d3141e;}
.blue{ color:#1550b6;}
.orange{ color:#ec8000;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1300px; margin:0 auto;}

/*index*/

.top { transition:.5s; position:relative; z-index:10;}
.top .logo{ float:left; padding:33px 0;}
.top .logo img{ display:block;}
.top .menu{height:100%;width:50px;background:url(../images/menu.png) no-repeat center center;position:absolute;right:10px;top:0px;}
.nav{ float:right;}
.nav .nLi{ float:left;}
.nav .nLi h3{ position:relative; line-height:30px; padding:25px 18px;}
.nav .nLi h3>a{ display:block; font-size:18px; font-weight:600; color:#42403e; border-bottom:4px solid #fff; padding:15px 0 8px;  }
.nav .lien h3>a{ font-size:16px; font-weight:normal; color:#616161; }
.nav .nLi h3>a:hover,.nav .nLi.on h3>a{ color:#d3141e; border-color:#d3141e; }
.nav .lien h3>a:hover{ border-color: #fff; color:#616161; }
.nav .lien h3 span:hover{ color:#d3141e; cursor: pointer;  }

.nav .sub{ position:absolute; width:150px; /* padding:20px;  */display:none; /* border-top:1px solid #eee; */ background-color:#eee; top:90px;}
.nav .sub li{ padding:0 20px; line-height:36px; font-size:13px; border-bottom:1px dashed #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav .sub li:first-child{ padding-top: 20px; }
.nav .sub li:last-child{ padding-bottom: 20px; }
.nav .nLi:hover .sub a{background-color:#eee;}
.nav .nLi:hover .sub{ display:block;}

.topon{ position:fixed; top:0px;}
.topon .logo{ padding:12px 0;}
.topon .nav .nLi a{ line-height:70px;}

.banner  .swiper-container{ height:674px; position:relative;}
.banner .banner{ background:url(../images/banner01.jpg) no-repeat center center;}
.banner .pagination { position: absolute; right:3%; text-align: center; top:50%; width:80px; height:150px; margin-top:-75px; }
.banner .swiper-pagination-switch { text-align:right; display:block; width: 32px; height: 5px;  background: #fff; opacity:0.4;  margin: 0 5px; cursor: pointer; margin:20px 0; }
.banner .swiper-pagination-switch:before{content:""; width:50px; position: absolute;height:5px; display: block; left:-50px; background-color:#fff; opacity: 0}
.banner .swiper-active-switch { opacity:1; position: relative;}
.banner .swiper-active-switch:before{opacity:1;}
.banner .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner .prev { background:url(../images/arrowsfl.png) no-repeat center center; left:15px;}
.banner .next { background:url(../images/arrowsfr.png) no-repeat center center; right:15px;}

.homeabout{ padding:100px 0; }
.homeabout .aboutimg{padding-left:10%; }
.homeabout .tit{ padding:20px 0; text-transform:uppercase;  font-size:30px; line-height:30px; font-weight:800; }
.homeabout .txt{ font-size:16px; line-height:30px; margin-bottom:30px; }

.hometit{ font-size:30px; text-align: center; line-height:30px; padding:30px 0; font-weight:bold; text-transform: uppercase; }

.homeproduct .conn{ background:url(../images/homeprobg.jpg) no-repeat center center; background-size:100% 100%; }
.homeproduct .pro{ padding:100px 0 50px; }
.homeproduct .pro li{ margin:0 16.5% 0 4.5%; box-shadow:10px 10px 10px #ccc; }
.homeproduct .pro li .img{ overflow: hidden; }
.homeproduct .pro li img{ width:100%; display:block;  }
.homeproduct .pro .tit{ background-color:#fff; font-size:18px; font-weight:bold; color:#d3141e; padding:30px 28px 50px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.homeproduct .pro li:hover{box-shadow:10px 10px 10px #aaa;transition: 1s ease;}
.homeproduct .pro li:hover img{ transform:scale(1.2,1.2); transition:1s ease; }
.homeproduct .pro li:hover .tit{ color:#fff; background-color:#d3141e;  transition:1s ease;}
.homeproduct .btn{ text-align: center; margin-bottom: 40px; }
.homeproduct .pro .info{ font-size:14px;  transition:1s ease; color: #444; white-space: pre-wrap; font-weight: normal; padding-top: 10px; }
.homeproduct .pro li:hover .info{ color:#fff;}

.homeapp{ padding:60px 0 0; }
.homeapp .box{ position:relative; }
.homeapp .box img{ display: block; }
.homeapp .line{ margin-bottom:10px; }
.homeapp .box01{ width: 44.4% }
.homeapp .box02{ width: 54.4% }
.homeapp .box03{ width: 54.4% }
.homeapp .box04{ width: 44.4% }
.homeapp .box .tit{ line-height:30px; position:absolute; right:6%; bottom:35px; color:#d42027; font-size:24px; font-weight:bold; letter-spacing:2px; }
.homeapp .box .bg{ background-color:#d3141e; opacity:0;position:absolute; width: 100%; height:100%; top:0; left:0; }
.homeapp .box:hover .bg{ opacity: .8; transition:.5s; }
.homeapp .box:hover .tit{ top:50%; margin-top:-12px; width:100%; text-align: center; right:0;color:#fff }
.homeapp .conn{ padding-bottom:40px; border-bottom:1px solid #c9c9c9; margin-bottom:40px; }

.homenews .conn{ padding-bottom:40px; border-bottom:1px solid #c9c9c9; margin-bottom:40px; }
.homenews .conn li{ width:32%; margin-right:2%; float:left; }
.homenews .conn li:nth-child(3n){ margin-right:0; }
.homenews .conn .info{ font-size:16px; line-height:22px; padding-right:10%; margin-top:20px; margin-bottom:30px; }
.homenews .conn .img img{ width: 100%; }
.homenews .conn .date{ margin-top:30px; font-size:14px; }

.foot{ margin-top:100px; color: #fff; font-size:16px; }
.foot .tit{ background-color:#d42027; font-size:28px; font-weight:bold; padding:25px 0; }
.foot .conn{ padding:50px 0; background:url(../images/footline.jpg) repeat-y center center; background-color:#000005; color:#fff; overflow: hidden; }
.foot .conn .wrapper{ position:relative;}
.foot .footline02{ width:95%; }
.foot .icon .iconcc{ margin-right:20px; width:44px; height:45px; display: inline-block; background:url(../images/icon01.png) no-repeat center center; }
.foot .icon .icon02{ background-image:url(../images/icon02.png); }
.foot .icon .icon03{ background-image:url(../images/icon03.png); }
.foot .icon .iconcc:hover{background-image:url(../images/icon01on.png); transition:.5s;}
.foot .icon .icon02:hover{background-image:url(../images/icon02on.png);}
.foot .icon .icon03:hover{background-image:url(../images/icon03on.png);}
.foot .contactxt{ margin:40px 0 20px; }
.foot .contactxt .box{ padding:10px 0; padding-left:30px; background:url(../images/footicon01.png) no-repeat left center; }
.foot .contactxt .mail{ background-image:url(../images/footicon02.png); }
.foot .contactxt .add{ background-image:url(../images/footicon03.png); }
.foot .footlogo img{ max-width: 318px; width:100%; }
.foot .boxfr dl{ float:left;}
.foot .boxfr dt{ border-bottom:1px solid #858587; width:130px; font-size:17px; font-weight:800; text-align: center; padding-bottom:20px; margin-bottom:20px; }
.footen .boxfr dt{ font-weight:normal; }
.foot .boxfr dd{ font-size:14px; padding:8px 0px; text-align:center; }
.foot .boxfr dl:first-child dd{ padding: 8px 30px }

/* add begin */

/* add end */


.foot .boxfr a{ color:#b5b6b8; }
.foot .boxfr a:hover{ color: #959596; }
.foot .footline{ color:#8e8e90; font-size:12px; padding-top:10px; }
.foot .footline a{ color:#8e8e90  }
.foot .footop{ position:absolute; right:-68px; top:35%; }

/* content*/
.bannerx{ position: relative;height:250px; color: #fff; }
.bannerx01{ background-position:right center; }
.bannerx .bancon{ position:absolute; bottom: 0px; background-color: rgba(0,0,0,.7); height:40px; line-height:40px; width: 100%; }
.bannerx .bancon a{ color: #fff; }

.main .titnav{ padding:25px 0; border-bottom:3px solid #dbdbdc; height:39px; }
.main .titnav h3{ font-size:28px; line-height:140%; font-weight:800;  padding-left:20px; border-left:6px solid #d3141e;}
.main .titnav .sublist li{ float:left; padding:0 5px; margin:0 20px; font-size:18px; line-height:39px; border-bottom:3px solid #dbdbdc; padding-bottom:25px; font-weight:600;}
.main .titnav .sublist a{ color: #8d8e90; }
.main .titnav .sublist li:hover,
.main .titnav .sublist li.on
{ border-color:#d3141e; }
.main .titnav .sublist li:hover a,
.main .titnav .sublist li.on a
{ color: #d3141e; }

.main .about{ padding:100px 0 0; }
.main .about .aboutimg{padding-left:10%; }
.main .about .tit{ padding:0 0 40px;  font-size:30px; line-height:30px; font-weight:800; }
.main .about .txt{ font-size:16px; line-height:30px; margin-bottom:30px; }
.main .about .bigtit{ font-size: 30px; font-weight:800; line-height: 100%; padding:100px 0 50px; }
.main .about .greybg{ background-color:#f6f6f6; padding:50px 0; }
.main .about .aboutho{ width:100%; max-width:800px; margin:0 auto; }
.main .about .aboutho img{ display: block; width:45%; }
.main .about .box{ box-sizing: border-box; border-top:10px solid #d3141e; width: 45%; background-color: #f6f6f6; margin:50px 0 50px; padding:50px 45px; }
.main .about .cultit{  font-size:30px; color: #d3141e; line-height: 100%; margin-bottom:20px; font-weight:600; padding-left:50px; background:url(../images/cularr.png) no-repeat left center; }
.main .about .culinfo{ font-size:18px; line-height: 28px; height:56px; }

.main .news li{ padding:50px 0; border-bottom:1px dashed #8f9092; overflow:hidden; }
.main .news .img img{ width: 454px; }
.main .news .txt{ margin-left:480px; }
.main .news .tit{ font-size:24px; color: #42403e; line-height:28px;  }
.main .news .info{ font-size:16px; line-height: 26px; color:#616161;margin:30px 0; height:152px; overflow: hidden;   }
.main .news .date{ font-size:17px; color: #b5b6b7; }
.main .news li:last-child{ border-bottom:0; }

.main .product li{ border:1px solid #e1e1e1; box-sizing:border-box; width:22.75%; float:left; margin-right:3%; margin-top:59px; }
.main .product li:nth-child(4n){ margin-right:0; }
.main .product .img{ overflow: hidden; }
.main .product .img img{ width:100%; display: block; }
.main .product li:hover{ box-shadow: 0px 0px 20px #ccc; transition: .5s; }
.main .product li:hover img{ transform: scale(1.1,1.1); transition: .5s; }
.main .product .txt{ padding:25px 25px 35px; }
.main .product .tit{ line-height:25px; font-size:22px; color: #d3141e; margin-bottom:15px; font-weight:600;overflow:hidden;/*  text-overflow:ellipsis; */ white-space:nowrap; }
.main .product .more{ color:#616161; font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.main .service{ padding:100px 0 0; }
.main .service .servicefl{ width:240px; }
.main .service .servicefl li a{ font-size:26px; text-align: center; display: block;background-color:#d3141e; color: #fff; padding:25px 0; margin-bottom:65px; }
.main .service .servicefl li:hover a,
.main .service .servicefl li.on a
{  background-color: #616161 }
.main .service .servicefr{ max-width: 1155px; width:100%; padding-left:350px; box-sizing: border-box; }
.main .service .tit{ font-size:30px;line-height:100%; color:#d3141e; font-weight:800; margin-bottom:22px; }
.main .service .info{ font-size:20px; line-height: 30px; margin-bottom:80px; }
.main .service .listit{  font-size:28px; margin-bottom: 30px; }
.main .service .tit02{ font-size:16px; text-align: center; padding: 15px 0 }
.main .service .list{ position: relative; }
.main .service .list li{ margin:0 30px 0 0px; }
.main .service .img img{ width:100%; }
.main .service .owl-controls{ position:absolute; width:100%; height:26px; left: 0px;  top:35%; z-index: 10; }
.main .service .owl-buttons div{ background:url(../images/pagefl.png) no-repeat center center; width:25px; height: 25px; position: absolute; text-indent:-99999px; }
.main .service .owl-buttons .owl-prev{ left:-10px; }
.main .service .owl-buttons .owl-next{ right:18px;background-image:url(../images/pagefr.png)}

.main .device{ padding: 100px 0 0; }
.main .device .box01txt{ padding-left: 30px; }
.main .device .box01tit{ font-size:30px; color:#d52328; font-weight:800; margin-bottom:25px; }
.main .device .box01info{ font-size:16px; line-height: 30px; }
.main .device .box01 li{ width: 33.3%; padding-right:10px; box-sizing: border-box; float:left; margin-bottom: 10px; }
.main .device .box01 li img{ display: block; width: 100%; height:100%; }
.main .device .box{ padding-top:100px;  }
.main .device .redtit{ font-size:24px; font-weight: 800;color: #d52328; line-height: 100%; padding-bottom:35px;}
.main .device .info{ font-size:16px; line-height: 30px; }

.main .process{ padding:100px 0 0; }
.main .process .box{ width: 100%; max-width: 355px; margin-bottom:80px; }
.main .process .redtit{ font-size:24px; font-weight: 800;color: #d52328; line-height: 100%; padding-bottom:15px;}
.main .process .info{ font-size:16px; line-height: 30px; }

.main .contact{ background:url(../images/contactbg.jpg) repeat-y center center; }
.main .contact .boxfl,.main .contact .boxfr{ padding:100px 5%; width: 50%; box-sizing: border-box; font-size:20px;}
.main .contact .boxcc{}
.main .contact h3{ font-size:35px; color: #000002; padding-left:15px; border-left:5px solid #d52228; line-height: 40px; font-weight:bold; margin-bottom:80px; margin-top:20px; }
.main .contact .box{background:url(../images/contact01.png) no-repeat left center; padding:15px 0;  line-height: 30px;padding-left:50px;   }
.main .contact .email{ background-image:url(../images/contact02.png); }
.main .contact .add{background-image:url(../images/contact03.png);}
.main .contact .boxcc02{ max-width: 480px; width: 100%; line-height: 160%; color: #616161; margin:0 auto; }
.main .contact label{ display: block; padding:10px 20px;  border:1px solid #d3d2d3;  background-color:#fff; margin-top:5px; margin-bottom: 20px;}
.main .contact input{ width:100%; box-sizing: border-box; border:none; line-height: 20px; display: block; font-family: microsoft yahei; font-size:16px; }
.main .contact textarea{ border:none; width: 100% ; font-family: microsoft yahei; font-size:16px; height:160px;}
.main .contact .btn{  width:130px; padding: 10px 15px; background-color:#d52228; color: #fff;  font-size:20px; margin-top: 60px;}

/*page*/
.main .conartical{ padding:50px 0 0; }
.main .contit{ font-size:22px; text-align:center; border-bottom:1px dotted #ccc; padding:10px 0 20px; }
.main .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:15px; color:#666}
.main .coninfo{ background-color:#eee; padding:10px; line-height:160%;}
.main .concc{ font-size:16px;line-height:180%; padding:50px 0; }
.main .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px 0;  font-size:16px;line-height:180%;}
.main .conpage a{  color:#999;}
.main .conpage a:hover{color:#ff0000;}
.main .conbtn{ border:2px solid #999; padding:13px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}
.main .conbtn:hover{ background-color:#999; color:#fff;}



/*class*/
.protable{word-wrap:break-word;word-break:break-all;}
.protable{ border-collapse:collapse; width:100%;}
.protable td{ border:1px solid #ccc; padding:2px; line-height:20px; text-align:center;}
.protable tr:nth-child(n){ background-color:#eaf6ff;}
.protable tr:nth-child(2n){ background-color:#fff;}

.projectab{ width:100%; max-width:650px; margin:0 auto;}
.projectab td{ padding:0 3px; line-height:20px;}


/* decorate */
.qqhpage{ text-align: right; padding-top:30px;border-top:1px solid #dbdbdc;}
.qqhpage li{ text-align:left; text-indent:-9999px;  display: inline-block; width:50px; height:40px; background:url(../images/pagefl.png) no-repeat center center;}
.qqhpage li:nth-child(2){ background-image:url(../images/pagefr.png); }
.qqhpage li a{ width:100%; height:100%; display: block;background:url(../images/pageflon.png) no-repeat center center;}
.qqhpage li:nth-child(2) a{ background-image:url(../images/pagefron.png);}
.qqhpage02{ margin-top: 50px; }


/*map*/
#dituContent{width:100%;height:550px; margin-top:30px;}
#dituContent img{ max-width:none;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}






/* 隐藏显示*/
.hidden01{ display:none;}
.show01{ display:block;}

@media (max-width:1300px){
	img{ max-width:100%; height:auto;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}

	/*index*/
	.nav .nLi h3{ padding: 25px 12px; }

	.banner .swiper-container { height:450px;}
	.banner .swiper-slide{ background-size:cover}
	.banner .info{ font-size:14px;}
	.banner .txt{ padding-top:40px;}
	.banner .tit{ font-size:28px; padding-top:30px;}

	.foot .boxfl{ float: none; }
	.foot .boxfr{ float: none; margin-top:80px; }

	/*content*/



	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:980px){
	/*index*/
	.top .logo{ float:none; margin-right:42%;padding:18px 0;}

	.nav{ position:absolute; left:0px; background-color:#eee; width:100%;display:none;}
	.nav .nLi{ float:none; text-align:center; line-height:38px; border-top:1px solid rgba(255,255,255, .06);}
	.nav .nLi h3{ padding:0px; border-top:1px solid #ddd;}
	.nav .nLi h3>a{ border:none; line-height:30px; font-size:15px; border-radius:0px;}
	.nav .nLi em{ position:absolute; right:0px; height:38px; top:0px; width:90px; z-index:2; background-repeat:no-repeat; background-image:url(../images/arrownav.png); background-position:center center;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box; background-color:#ccc; padding:0; border:none;display: block!important;top:0;}
	.nav .sub li{ border:none; border-top:1px dashed rgba(255,255,255,.06);}
	.nav .sub a{ display:block; color:#000;}
	.nav .nLi:hover a{ background-color:#ddd;}
	.nav .sub a:hover,	.nav .sub a:active{background: #ccc}
	.nav .nLi .active em{ background-image:url(../images/arrownavon.png);}

	.navon{ display:block;}

	.homeabout,.homeapp{ padding:50px 0; }
	.homeabout .tit{ padding-top:0; }
	.homeabout .boxfr{ float:none; }
	.homeabout .aboutimg{ padding-left:0; margin-bottom:20px;}


	/*conent*/
	.main .titnav02{ height:98px; }
	.main .titnav02 h3{ float:none; }
	.main .titnav02 .sublist{ float:none; overflow:hidden; margin-top:20px; }
	.main .titnav02 .sublist li{ margin-left:0; margin-right:20px; }

	.main .about{ padding:50px 0 0; }
	.main .about .tit{ padding-top:0; }
	.main .about .boxfr{ float:none; }
	.main .about .aboutimg{ padding-left:0; margin-bottom:20px;}

	.main .news .img img{ width:330px; }
	.main .news .txt{ margin-left:350px; }

	.main .product{ width:90%; margin:0 auto; }
	.main .product li{ width: 32%; margin-right:2%; }
	.main .product li:nth-child(4n){ margin-right:2%; }
	.main .product li:nth-child(3n){ margin-right:0; }

	.main .device .box01tit{ font-size:24px; }
	.main .device .box01info{ line-height: 24px; }
	.main .device .box{ padding-top:50px; }

	.main .process{ padding:50px 0 0; }


	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	.top .menu{ background-size:auto 20px; }
	.banner .pagination{ width:50px; }
	.banner .swiper-pagination-switch{ width:30px; }
	.banner .swiper-pagination-switch:before{ width:30px; left:-20px; }

	.banner  .swiper-container { height:250px;}
	.banner .txt{ padding-top:20px;}
	.banner .info{ font-size:10px; letter-spacing:0px;}
	.banner .tit{ font-size:18px; letter-spacing:0px; padding-top:3px;}
	.banner .line{ display:none;}

	.hometit{ font-size:24px; padding:20px 0; }
	.homemore{ width:120px; }

	.homeabout,.homeapp{ padding:30px 0; }
	.homeabout .tit{ font-size:24px; }
	.homeabout .txt{ font-size:14px; line-height:24px; }

	.homeproduct .pro{ padding:50px 0; }
	.homeproduct .pro li{ margin:0 6.5%; }
	.homeproduct .pro .tit{ font-size:15px; padding:15px 15px 20px; }
	.homeproduct .btn{ margin-bottom: 20px; }

	.homeapp .box .tit{ position:relative; right:0; bottom:0; color:#42403e; text-align:center; font-size:16px; letter-spacing: 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.homeapp .box:hover .tit{ top:0;left:0; margin-top: 0; }
	.homeapp .box:hover .bg{ display: none; }
	.homeapp .conn{ padding-bottom:20px; margin-bottom:20px; }

	.homenews .conn{ padding-bottom:20px; margin-bottom:20px; }
	.homenews .conn li{  width:45%; margin:0 2.5%; }
	.homenews .conn li:nth-child(3){ display: none; }
	.homenews .conn li:nth-child(2){ width: 45%; }
	.homenews .conn .info{ font-size:14px; padding-right:0; }
	.homenews .conn .date{ font-size:12px; }

	.foot{ margin-top:50px; }
	.foot .conn{ padding:30px 0; }
	.foot .tit{ padding:30px; font-size:22px; }
	.foot .contactxt{ font-size:14px; margin:20px 0 30px; }
	.foot .contactxt .box{ background-size:15px auto; }
	.foot .footline{ padding-bottom:30px; }


	/*content*/
	.bannerx{ height:160px; background-size: cover; }
	.main .titnav{ padding:12px 0; }
	.main .titnav h3{ font-size:22px; }
	.main .titnav .sublist li{ font-size:16px; line-height:26px; }

	.main .titnav02{ height:auto; }
	.main .titnav02 .sublist li{ padding:10px; background-color:#eee; border-bottom:0; box-sizing:border-box; width:45%;margin:0 2.5% 10px; text-align: center; }

	.main .about{ padding:30px 0 0; }
	.main .about .tit{ font-size:24px; }
	.main .about .txt{ font-size:14px; line-height:24px; }
	.main .about .bigtit{ padding:20px 0 15px; font-size:22px; }
	.main .about .box{ padding:20px; float:none; width: 100%; margin:30px 0 0; }
	.main .about .cultit{ font-size: 20px; }
	.main .about .culinfo{ font-size:16px; line-height:24px; }

	.main .news li{ padding:30px 0; }
	.main .news .img{ float:none; }
	.main .news .img img{ width:100%; max-width: 480px; }
	.main .news .txt{ margin-left:0; margin-top:15px; }
	.main .news .tit{ font-size:18px; }
	.main .news .info{ font-size:14px; margin:15px 0; }

	.main .product{ width: 95%; }
	.main .product li{ width: 45%; margin:30px 2.5% 0;  }
	.main .product li:nth-child(3n){ margin:30px 2.5% 0; }
	.main .product .txt{ padding:15px; }
	.main .product .tit{ font-size:18px; margin-bottom:5px; }
	.main .product .more{ font-size:14px; }

	.main .device{ padding: 30px 0 0; }
	.main .device .box01 li{ width:50%; }
	.main .device .box01txt{ padding-left:0; }
	.main .device .box01tit{ font-size:20px; margin-bottom:9px; }
	.main .device .box01info{ font-size:14px; line-height: 20px; }
	.main .device .box{ padding-top:30px; }
	.main .device .redtit{ padding-bottom: 15px; font-size: 20px; }
	.main .device .info{ font-size: 14px; line-height: 24px; }

	.main .process{ padding:30px 0 0; }
	.main .process .redtit{ padding-bottom: 15px; font-size: 20px; }
	.main .process .info{ font-size: 14px; line-height: 24px; }
	.main .process .box{ margin-bottom: 20px; }

	.main .contact{ background:none; background-color:#eee; overflow:hidden; }
	.main .contact .boxfl{ float:none; width:100%;  padding: 0px 5%; }
	.main .contact .boxcc{ float:none; }
	.main .contact .box{ font-size:15px; padding:5px 0; padding-left:25px; background-size:20px auto;}
	.main .contact h3{ font-size:22px; line-height: 140%; margin-bottom: 42px; }
	.main .contact .boxfr{ float:none; width:100%; padding:30px 5%; font-size:16px; }
	.main .contact .btn{ margin-top: 26px; }

	.main .service{ padding: 30px 0 0; }
	.main .service .servicefl{ float:none; width:90%; margin:0 auto; }
	.main .service .servicefl ul{ overflow: hidden;  }
	.main .service .servicefl li a{
		width:48%; float:left; margin:0 1%; font-size:16px; padding:10px 0; margin-bottom: 10px;
	}
	.main .service .servicefr{ float:none; width:90%; margin:0 auto; padding-left:0; margin-top: 30px; }
	.main .service .tit{ font-size:18px; }
	.main .service .info{ font-size:16px; margin-bottom: 40px; }
	.main .service .list li{ margin-right: 0; }
	.main .service .listit{ font-size: 20px; }
	.main .service .owl-buttons .owl-next{ right:-10px; }
	.main .service .tit02{  font-size: 14px; }

	/* page */
	.main .conartical{ padding-top: 30px; }
	.main .contit{ font-size: 20px; }
	.main .concc{ font-size:14px; padding:30px 0; }



	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}

}


/*在线留言*/

.z_lxw{ float:left; width:38%; height:auto; overflow:hidden;}
.z_lxw_t{ height:auto; overflow:hidden; color:#d42027; line-height:25px; font-size:22px; font-weight:bold; margin-bottom:40px;}
.z_lxw_t i{ display:block;font-family: "MoolBoran V2"; font-size:22px; text-transform:uppercase; margin-top:10px;}
.z_lxw_c{ height:auto; overflow:hidden; color:#222; line-height:32px; font-size:16px; margin-bottom:25px;}
.z_lxw_b{ height:auto; overflow:hidden;}
.z_lxw_b p{ line-height:50px; color:#222; font-size:14px;}
.z_wbk{ width:100%; height:50px; border:none; background:#fff; line-height:50px; padding:0 10px; color:#333; font-size:14px; margin-bottom:30px;}
.z_lxw1{ float:right; width:50%; height:auto; overflow:hidden; padding-top:55px;}
.z_lxw1 p{ line-height:50px; color:#222; font-size:14px; clear:both; overflow:hidden;}
.z_wbk1{ width:100%; height:167px; border:none; background:#fff; padding:0 10px; line-height:50px; color:#333; font-size:14px; margin-bottom:30px;}
.z_lxw1 p span{ margin-right:62px; color:#222; font-size:14px;}
.regular-radio {display: none;}
.regular-radio + label {-webkit-appearance: none;border-radius: 50px;display: inline-block;position: relative; width:20px; height:20px; vertical-align:middle;border:1px solid #d42027;box-sizing: border-box;}
.regular-radio:checked + label:after {content: ' ';width: 8px;height: 8px;border-radius: 50px;position: absolute;top:5px;background:#d42027;left:5px;font-size: 32px;}
.regular-radio:checked + label {background-color: #fff;color: #222;}
.z_tjxo{ width:100%; height:50px; background:#d42027; color:#fff; font-size:14px; border:none; margin-top:50px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.z_tjxo{ width:100%; height:50px; background:fff; color:#fff; font-size:14px; border:none; margin-top:45px}
}
@media(max-width:1024px){
.z_box4{ clear:both; width:100%; height:auto; overflow:hidden; background:#d42027; padding:30px 0 30px 0;}
.z_lxw{ float:left; width:100%; height:auto; overflow:hidden;}
.z_wbk{ width:100%; height:50px; border:none; background:#fff; line-height:50px; padding:0 10px; color:#333; font-size:14px; margin-bottom:15px;}
.z_lxw1{ float:right; width:100%; height:auto; overflow:hidden; padding-top:0px;}
.z_wbk1{ width:100%; height:167px; border:none; background:#fff; padding:0 10px; line-height:50px; color:#333; font-size:14px; margin-bottom:0px;}
.z_tjxo{ width:100%; height:50px; background:#fff; color:#d42027; font-size:14px; border:none; margin-top:15px;}
}